/*
Template name: Argus
Author: Heratsoft
Website: www.heratsoft.tk
Version: 1.0
*/
@import url("http://mdt-js.googlecode.com/svn/js/argus/common.css");
@import url("http://mdt-js.googlecode.com/svn/js/argus/rating.css");
@import url("http://mdt-js.googlecode.com/svn/js/argus/view_channel.css");
@import url("http://mdt-js.googlecode.com/svn/js/argus/skin.css");
ul {list-style:none;}
h2 {color:#333; margin:10px;}
.btn {background:#efefef; padding:10px; margin:0; border:none; color:#666; -webkit-transition: background 0.2s linear;-moz-transition: background 0.2s linear;-o-transition: background 0.2s linear; transition: background 0.2s linear; cursor:pointer;}
.btn:hover {background:#5086DA; color: #FFF;}
/*********************************************************************************************************************
	BODY & CONTAINERS
**********************************************************************************************************************/
body { background: #efefef url(http://mdt-im.googlecode.com/svn/im/bg.gif) repeat;   margin:0px; padding:0px; font-family:Arial, sans-serif; font-size:12px; color:#000; word-wrap:break-word;}
/* HEADER */
#HeaderCon { margin:0px; padding:8px 0px; background: url(http://mdt-im.googlecode.com/svn/im/bg2.png) repeat}
#HeadCon {width:1000px; margin: 0 auto; }
/* SEARCH */
#search_wrap { margin-top:35px;  border: none; float:right;}   
#search_wrap input[type=text] {padding:0px 10px;   border: 1px solid #777; margin:0; line-height:15px;height:30px; background:#333;color: #fff;}
#search_wrap button {background: #333333;-webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; -o-transition: background 0.2s linear; -ms-transition: background 0.2s linear; transition: background 0.2s linear; color: #fff; cursor: pointer; height:32px; overflow:visible; padding:0 0.5em; vertical-align:middle; white-space:nowrap; border: none; float:right; border-left:0 none; width:55px; font-size:12px; line-height:24px; font-style:normal; font-family:Arial, sans-serif; text-align:center; }
#search_wrap button:hover { background:#5086DA; }
/* LOGO */
.Logo { background:url(http://mdt-im.googlecode.com/svn/im/logo.png)  no-repeat; width:150px; height:50px; cursor:pointer; margin:30px 0 0 0px; float: left; }
/* CONTAINERS & COLORS & others */
#container_1 {width:1000px; margin: 0px auto;}
.bgwhite{background:#FFFFFF;}
.top_wrap {background: url(http://mdt-im.googlecode.com/svn/im/header.png) repeat-x; height: 140px; border-bottom:3px solid #5086DA;}
.clearfix {clear: both;}
#left_wrap{float:left; width:610px;}
#right_wrap{float:right; width:320px; margin: 10px 0; padding: 0 5px;}
#ads_300x250 {background:#efefef; width:300px; height:250px;}
#ads_468x60 {background:#efefef; width:468px; height:60px; margin:0 auto;}
/* BODY & CONTAINERS END HERE ********************************************************************************************/
/*************************************************************************************************************************/
/*************************************************************************************************************************/
/*************************************************************************************************************************/
/*************************************************************************************************************************/
/*********************************************************************************************************************
	TOPBAR
**********************************************************************************************************************/
.topbar { width: 100%; background: #333; height: 30px;  }
.topbar-login { width: auto; float:right; margin: 0px;  }
.topbar-lang { width: auto; float:left; margin: 0px;  }
.topbar-login .icon{ background: url(http://mdt-im.googlecode.com/svn/im/icons/login-icon.png) no-repeat;  float:left; height: 16px;width: 16px; padding: 0 0px; line-height:16px; margin:6px 0 0 0;}
.topbar-lang .fi{ background: url(http://mdt-im.googlecode.com/svn/im/icons/fi-icon.png) no-repeat;  float:right; height: 11px;width: 16px; padding: 0 4px; line-height:11px; margin:9px 0 0 0;}
.topbar-lang .en{ background: url(http://mdt-im.googlecode.com/svn/im/icons/gb-icon.png) no-repeat;  float:left; height: 11px;width: 16px; padding: 0 0px 0 0px; line-height:11px; margin:9px 0 0 0;}
.topbar-login ul {margin: 0; padding: 0; list-style: none; position: relative; float: right;}
.topbar-login ul li{margin: 0; padding: 0; list-style: none; position: relative; float: right;}
.topbar-login ul li:first-child a {border-right: none;}
.topbar-login ul li a{color:#fff; text-transform:capitalize; transition: color .25s ease-in-out; -moz-transition: color .25s ease-in-out; -webkit-transition: color .25s ease-in-out; padding:0px 7px 0 7px; line-height:30px; border-right: 1px solid #ccc;}
.topbar-login ul li a:hover{color:#fe9800; }
.topbar-lang ul {margin: 0; padding: 0; list-style: none; position: relative; float: left;}
.topbar-lang li a {color:#fff; text-transform:capitalize; transition: color .25s ease-in-out;  -moz-transition: color .25s ease-in-out; -webkit-transition: color .25s ease-in-out; padding:0px 7px ;Line-height:30px; border-right: 1px solid #ccc;}
.topbar-lang li a:hover {color:#fe9800; }
.topbar-lang li:last-child a {border-right: none;}
.topbar-login li,.topbar-lang li {float: left;}
.usrbtn a{color:#fff; text-transform:capitalize; transition: color .25s ease-in-out; -moz-transition: color .25s ease-in-out; -webkit-transition: color .25s ease-in-out; padding:0px 0px 0 7px; line-height:30px;}
.usrbtn a:hover{color:#fe9800; }
 
/**
Rating
*/
.rating{width:50px;height:15px;}
.rating .stars_blank { background:url(http://mdt-im.googlecode.com/svn/im/small_stars.png) ;background-repeat:repeat-x; background-position:bottom; height:12px; width:100%; }
.rating .stars_filled { background:url(http://mdt-im.googlecode.com/svn/im/small_stars.png);background-repeat:repeat-x; background-position:top left; height:12px; float:left; }

.viewCollectionRating { width:140px; height:28px; }
.viewCollectionRating .stars_blank { background:url(http://mdt-im.googlecode.com/svn/im/big_stars.png) ;background-repeat:repeat-x; background-position:bottom; height:28px; width:100%; }
.viewCollectionRating .stars_filled { background:url(http://mdt-im.googlecode.com/svn/im/big_stars.png);background-repeat:repeat-x; background-position:top left; height:28px; float:left; }

.big_stars{width:140px; height:28px; position:relative}
.big_stars .stars_blank { background:url(http://mdt-im.googlecode.com/svn/im/big_stars.png) ;background-repeat:repeat-x; background-position:bottom; height:28px; width:100%; }
.big_stars .stars_filled { background:url(http://mdt-im.googlecode.com/svn/im/big_stars.png);background-repeat:repeat-x; background-position:top left; height:28px; float:left; }
.big_stars li:hover,.big_stars .stars_highlight{background:url(http://mdt-im.googlecode.com/svn/im/big_stars.png);background-repeat:repeat-x; background-position:center left; height:28px; float:left;}

.big_stars ul{position:absolute; top:0px; left:0px}
.big_stars ul, .big_stars ul li{margin:0px; padding:0px; list-style:none; float:left; }
.big_stars li{display:block; float:left; width:28px; cursor:pointer; text-indent:-50000px}
.big_stars li:hover{}

 
/* LOGIN */ 
.login .elements{width:222px;margin:0 auto;padding:10px 0;}
.login .avatar{	background:url(http://mdt-im.googlecode.com/svn/im/avatar.gif) no-repeat center;	height:65px;	margin-bottom:15px;}
.login .user_avatar{	margin:10px 0px 10px 130px;}
.login .user_avatar img{	border:5px solid #efefef;}
.login .box {background:#efefef; height:130px; width:222px; margin:10px; padding:0px;}
.login .username{	background:url(http://mdt-im.googlecode.com/svn/im/usermamefield.gif) no-repeat top;	width:222px;	height:32px;}
.login .username:focus{	background:url(http://mdt-im.googlecode.com/svn/im/usermamefield.gif) no-repeat bottom;	color:#333333;}
.login .password{	background:url(http://mdt-im.googlecode.com/svn/im/passwordfield.gif) no-repeat top;	width:222px;	height:32px;	text-align:center;}
.login .password:focus{	background:url(http://mdt-im.googlecode.com/svn/im/passwordfield.gif) no-repeat bottom;	color:#333333;}
.login .forget{	font-size:12px;	margin-bottom:20px;}
.login .forget a{	color:#999999;	text-decoration:none;}
.login .checkbox {    display: block;    width: 40px;    height: 15px;    overflow: hidden;    border-radius: 5px;	float:left;	margin:5px 0 0 0;}	
.login input[type=checkbox] {   display: none;}
.login  input[type=checkbox] + label {   text-indent: -9999px;    display: block;    width: 40px;    height: 15px;    line-height: 15px;    background: transparent url(http://mdt-im.googlecode.com/svn/im/checkboxfield.png) no-repeat;    -webkit-transition:background-position 0.3s ease-in-out;    -moz-transition: background-position 0.3s ease-in-out;}
.login input[type=checkbox]:checked + label {    -webkit-transition: background-position 0.3s ease-in-out;    -moz-transition: background-position 0.3s ease-in-out;    background-position:-26px;}
.login input{	border:0;	outline:0;	text-align:center;	color:#999999;	margin-bottom:10px;}
.login .remember{	font-size:12px;	color:#999999;	margin:5px;	float:left;}
.login .clr{	clear:both;}
.login .submit{	float:right;	background:#cccccc;	width:60px;	height:23px;		cursor:pointer;	color:#fff;}
.login .submit:hover{	background:#fe4e00;}
.login .submit:active{	text-shadow:0 -1px rgba(0,0,0,0.2);}
.login .signup{	text-align:center;	font-size:12px;	color:#999;	margin:5px 0 0 0;}
.login .signup a{	color:#72985a;	text-decoration:none;}
/* Users navigation */
.user_nav { }
.user_nav  ul{ list-style: none;}
.user_nav  ul li{ list-style: none; display:block; margin:5px;}
.user_nav  ul li a{color: #333; padding:2px;  -webkit-transition: background 0.2s linear;-moz-transition: background 0.2s linear;-o-transition: background 0.2s linear; transition: background 0.2s linear;}
.user_nav  ul li a:hover{ color: #fff; background:#0099cc;}
/* TOPBAR END HERE *******************************************************************************************************/
/*************************************************************************************************************************/
/*************************************************************************************************************************/
/*************************************************************************************************************************/
/*************************************************************************************************************************/
/*********************************************************************************************************************
	NAVIGATION
**********************************************************************************************************************/
.nav {margin:0px; padding: 0px;  float:left; height:25px; max-width:850px;}
.nav ul {margin: 0; padding:0; text-decoration: none; list-style: none;}
.nav ul li {color:#888; float:left; list-style:none;margin:0px;}
.nav ul li a {color:#666; padding:10px; background:#efefef;line-height:10px;-webkit-transition: color 0.2s linear;-moz-transition: color 0.2s linear;-o-transition: color 0.2s linear; transition: color 0.2s linear; -webkit-transition: background 0.2s linear;-moz-transition: background 0.2s linear;-o-transition: background 0.2s linear; transition: background 0.2s linear;
border-right: 1px solid #ccc;	margin:0px;}
.nav ul li.selected a , .nav ul li a:hover { color: #FFF; background:#5086DA;}
.nav ul li:last-child a{border-right:none;}
/*	Upload button */
#uploadbtn {float:right; }
#uploadbtn ul {margin: 0; padding:0; text-decoration: none; list-style: none;}
#uploadbtn ul li {color:#888; float:right; list-style:none;margin:0px;}
#uploadbtn ul li a {color:#666; padding:10px; background:#efefef;line-height:10px;-webkit-transition: color 0.2s linear;-moz-transition: color 0.2s linear;-o-transition: color 0.2s linear; transition: color 0.2s linear; -webkit-transition: background 0.2s linear;-moz-transition: background 0.2s linear;-o-transition: background 0.2s linear; transition: background 0.2s linear;
border-right: 1px solid #ccc;	margin:0px;}
#uploadbtn ul li a:hover{background:#5086DA; color: #FFF;}
#uploadbtn ul li:first-child a{border-right:none;}
/*	Upload button */
#upload_buttons a{float:left;  width:100px; background:#efefef; padding:10px; margin:0; color:#666; -webkit-transition: background 0.2s linear;-moz-transition: background 0.2s linear;-o-transition: background 0.2s linear; transition: background 0.2s linear;}
#upload_buttons a:hover{background:#5086DA; color: #FFF;}
/* NAVIGATION END HERE *******************************************************************************************************/
/*************************************************************************************************************************/
/*************************************************************************************************************************/
/*************************************************************************************************************************/
/*************************************************************************************************************************/
/*********************************************************************************************************************
	Index.HTML Page
**********************************************************************************************************************/
/* FEATURED VIDEOS / EDITORS PICK */
.feature_con {background:#ccc;}
/* FEATURED VIDEO SECTION */
.feature_left { float:left; margin:0px; padding:0px; width:420px }
.feature_left .feature_heading{height:24px; line-height:24px; color:#666; width:98%; display:block; margin-top:10px; padding-left:10px; font-weight:bold; text-transform:uppercase; font-family:Tahoma,Verdana,sans-serif; }
.feature_right { float:right; position:relative; width:28%; margin:4px 3px 0px 0px;font-size:10px; overflow:auto; height:330px;}
/* FEATURED VIDEO HEADING */
.feature_head { width:100%; margin:0px 0px; padding:0px; height:20px; line-height:20px; position:relative; text-align:center; }
.feature_head h2 { font-size:18px; font-family:Tahoma; color:#666; }
/* FEATURED VIDEO LEFT SIDE */
.feature_vid { margin:3px auto; width:350px; padding:0px; font-weight:lighter; }
/* FEATURED VIDEO RIGHT SIDE */
.feature_right ul { margin:0px; padding:0px; list-style:none; }
.feature_right ul li { padding:0px; margin:0px; margin-bottom:3px; color:#193f77; font-size:9px; }
.feature_right .sp { background:url(http://mdt-im.googlecode.com/svn/im/line_sps.png) top repeat-x; margin:5px 0px; padding:0px; height:2px; }
.feature_right .details_block { float:left; width:50%; margin:0px; padding:0px; color:#999 }
.feature_right .title a{font-size:9px; font-weight:bold; text-decoration:none; color:#333}
.feature_right .title { font-size:10px; clear:both; padding:0px; overflow:hidden}
.featured_vid_con{cursor:pointer; background:#efefef; margin:3px 0px 3px; padding:5px; background:#efefef; -webkit-transition: background 0.2s linear;-moz-transition: background 0.2s linear;-o-transition: background 0.2s linear; transition: background 0.2s linear;}
.featured_vid_con .video_thumb{border:0px; padding:0px; float:left; }
.featured_vid_con:hover{background:#fff; }
.featured_vid_con.selected{background:#fff; }
.featured_video_details{width:415px;  background-color:#efefef; padding:5px 0px 5px 5px; margin:5px}
.featured_video_player{width:420px; height:250px; margin:5px}
/* PHOTO SECTION */
.tabs ul {list-style:none; }
.tabs ul li {list-style:none;float:left; }
.tabs ul li a{padding: 5px; margin:5px; background:#efefef; color:#666; -webkit-transition: background 0.2s linear;-moz-transition: background 0.2s linear;-o-transition: background 0.2s linear; transition: background 0.2s linear;}
.tabs ul li a:hover{background:#ccc; color:#666; }
.tabs ul li a.selected{background:#ccc; color:#666; }
/* INDEX.HTML PAGE END HERE *******************************************************************************************************/
/*************************************************************************************************************************/
/*************************************************************************************************************************/
/*************************************************************************************************************************/
/*************************************************************************************************************************/
/*********************************************************************************************************************
	VIDEOS.HTML PAGE
**********************************************************************************************************************/
/* Categories  - Applies for channel.html too
#VidCat ul { margin:0px; padding:0px; list-style: none; width:300px;}
#VidCat ul li { border-bottom-color:#ccc ; border-bottom-style: solid; border-bottom-width: 1px; }
#VidCat ul li:first-child{ border-top-color:#ccc ; border-top-style: solid; border-top-width: 1px; }
#VidCat ul li a {color:#000; display:block;height:45px;line-height:45px;position:relative;margin:0;padding:0 0 0 20px;background:#ededed; text-transform: capitalize; }
#VidCat ul li a:hover {  text-decoration:none;background:#fafafa; }
#VidCat ul li.selected a {border-right:4px solid #5086DA; border-left:4px solid #5086DA; background:#fafafa; font-weight: bold; }*/
.categories ul { margin:0px; padding:0px; list-style: none; width:300px;}
.categories li { display: block;  vertical-align: top; position:relative; overflow: hidden; white-space: nowrap; margin:0; border-bottom-color:#ccc ;  border-bottom-style: solid;   border-bottom-width: 1px; }
.categories li:first-child{ border-top-color:#ccc ; border-top-style: solid; border-top-width: 1px; }
.categories li a { color:#000; display:block;height:45px;line-height:45px;position:relative;margin:0;padding:0 0 0 20px;background:#ededed; text-transform: capitalize; border-right:4px solid transparent; border-left:4px solid transparent;}
.categories .selected, 
.categories ul.sub_categories .selected {  color:#0066cc; }
.categories  a:hover,
.categories ul.sub_categories a:hover,
.categories .selected > a,
.categories ul.sub_categories .selected > a {border-right:4px solid #5086DA; border-left:4px solid #5086DA; background:#fafafa; }
.categories ul.sub_categories li a {  padding-left:50px}
.categories ul.sub_categories li:last-child {border-bottom: none;}
/* Category Toggler */
.CategoryToggler { position:absolute;  width:13px; height:13px; right:20px;  top:15px; z-index: 9999; }
.CategoryToggler:hover {cursor:pointer; }
.CategoryToggler.none { background:url(http://mdt-im.googlecode.com/svn/im/down.png) }
.CategoryToggler.block { background:url(http://mdt-im.googlecode.com/svn/im/up.png)  }

/**
 * Watch Video CSS
 */
 
.vid_top_container{position:relative; margin-bottom:10px; padding-left:10px}
.hq_button_cont{position:absolute; left:620px; bottom:0px}
.watch_left{width:670px; float:left; padding:5px; padding-top:0px; }
.video_title{font-size:18px; font-weight:bold; font-family:arial}
.watch_right{width:310px; float:right; padding-left:5px; display:block}
.player_container{display:block; background-color:#ffffff;  padding:8px}

.video_actions_cont{margin-top:10px}

.add_to_fav,.report_this,.share_this,.add_to_play,.photo_embed_code{height:20px; width:20px}
.add_to_fav{background-image:url(http://mdt-im.googlecode.com/svn/im/icons/heart_small.png);}
.report_this{background-image:url(http://mdt-im.googlecode.com/svn/im/icons/report_small.png);}
.share_this{background-image:url(http://mdt-im.googlecode.com/svn/im/icons/share_small.png);}
.add_to_play{background-image:url(http://mdt-im.googlecode.com/svn/im/icons/playlist_small.png); }
.photo_embed_code { background-image:url(http://mdt-im.googlecode.com/svn/im/icons/embed_small.png);}

.video_actions_cont .rating_container{ float:left}

.video_actions_cont .actions{margin-top:10px; float:right}
.video_actions_cont .actions ul{margin-top:10px}
.video_actions_cont .actions ul, .video_actions_cont .actions ul li{margin:0px; padding:0px;}
.video_actions_cont .actions li{ display:block;list-style:none; height:20px; line-height:20px; display:block; float:left;}
.video_actions_cont .actions a{color:#333; font-weight:bold; font-size:14px; display:block; margin-right:18px; text-decoration:none}
.video_actions_cont .actions a:hover{text-decoration:underline}
.video_actions_cont .actions a img{margin-right:5px; float:left; border:none; }

.watch_collect_item{margin:5px; margin-top:0px; border-bottom:1px solid #CCC; padding-bottom:5px}
.watch_collect_item a{font-size:12px; font-weight:bold; text-decoration:none}

.playlist_item,.add_comment_box .input,.add_comment_box,.comment,.video_details,.form_container .form_result,.action_box{border-radius:10px;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px; background-color:#F0F0F0; padding:10px}
.action_box{ margin:5px 0px;}
.action_box .action_box_title{color:#333; font-size:16px;font-weight:bold; text-transform:uppercase; font-family:arial; border-bottom:1px solid #CCC}
.form_container{border-top:1px solid #fff; padding-top:10px; font-size:11px}
.form_container .form_left{width:100%}
.form_container form{ margin:0px; padding:0px}
.form_container label{ display:block; font-size:11px; font-weight:bold; color:#333;margin-bottom:5px;}
.form_container label .example{font-weight:normal; }
.form_container .left_text_area{width:98%; border:1px #CCC solid; padding:3px; margin-bottom:5px}
.form_container .form_result{border:1px solid #0099cc; margin:5px; padding:5px;}
.action_box .error{color:#ed0000}
.action_box .msg{color:#0099cc}
.action_box .cancel a{font-size:10px; font-weight:bold; color:#333; text-decoration:none; }
.form_container select{border:1px solid #999; padding:2px; margin:5px}

.ajaxMessages {border-radius:6px;-moz-border-radius:6px;-khtml-border-radius:6px;-webkit-border-radius:10px; background:url(http://mdt-im.googlecode.com/svn/im/simple_gradient.png) bottom repeat-x; padding:6px; font:bold 11px Tahoma; margin-bottom:10px; }
.ajaxMessages.msg { color:#0099cc; border:1px solid #0099cc; }
.ajaxMessages.err { color:#ed0000; border:1px solid #ed0000; }
 
.video_details{background:#fff url(http://mdt-im.googlecode.com/svn/im/watch_video_details_bg.png) repeat-x bottom; border:1px solid #eee; margin-top:10px;}
.video_details .vd_user_container{margin-right:10px; float:left; width:120px;}
.video_details .vd_details{float:right; display:block; width:510px; z-index:10; font-size:11px; color:#333;}
.video_details .vd_stats{background-color:#333;border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px; padding:5px; margin-bottom:10px; color:#fff}

.vd_stats{ overflow:hidden; }
.video_details .vd_stats ul{position:relative; left:50%; float:left;}
.video_details .vd_stats ul{margin:0px; padding:0px; list-style:none}
.vd_stats li{float:left;display:block;font-size:11px;margin-right:15px;position:relative;right:50%; font-family:tahoma;padding:0px; list-style:none}
.vd_details .uploading_detail{padding:5px; padding-left:0px;}
.vd_details .uploading_detail a,.vd_details .uploading_detail{font-size:14px; font-family:arial; color:#333; cursor:pointer; font-weight:bold; text-decoration:none}
.vd_details .uploading_detail a:hover,.vd_details .uploading_detail:hover{color:#09c}

.vd_details .tags_cats{border-top:1px solid #ccc; padding:5px; margin-top:10px}
.tags_cats .tags{background-image:url(http://mdt-im.googlecode.com/svn/im/tag_blue.png); background-repeat:no-repeat; line-height:15px; padding-left:20px}
.tags_cats .tags a{text-decoration:none; font-weight:bold; font-size:10px }
.tags_cats .category{margin-top:5px;font-weight:bold; font-size:11px}.tags_cats .category a{text-decoration:none; font-weight:bold; font-size:11px }
.vd_user_container .account_thumb{max-height:160px; max-width:120px;}
.vd_user_container ul{margin:0px; padding:0px; margin-bottom:5px}
.vd_user_container ul li{list-style:none; display:block; padding:0px; margin:0px}
.vd_user_container a{text-decoration:none; font-size:11px; color:#333}
.vd_user_container a:hover{color:#0099cc}

.comment{ background:#fff url(http://mdt-im.googlecode.com/svn/im/watch_video_details_bg.png) repeat-x; background-position:bottom; min-height:60px; padding:5px; border:1px solid #eee; font-family:tahoma; font-size:11px; margin-bottom:10px; }
.comment .user_com_thumb{ float:inherit; max-width:60px; max-height:80px; border:2px solid #fff; margin:0px;}
.comment .user_com_thumb_con{ float:left; margin:0px; }
.comment .comm_other{float:right; width:89.5%; }
.comment .user_bar{background:url(http://mdt-im.googlecode.com/svn/im/nav_grads.png) 0px -240px repeat-x; height:18px; line-height:18px; padding:0px 5px 0px 5px; width:auto; }
.comment .user_bar, .comment .user_bar a{color:#fff; font-size:11px; text-decoration:none;}
.comment .comment_cont{float:left; width:515px; padding:3px;}
.comment .comment_rating_cont{ float:right; width:45px; margin-top:10px}
.comment .comment_rating_cont .comment_rating{font-size:16px; font-weight:bold;font-family:arial; text-align:center; display:block}
.comment .thumb_down{background:url(http://mdt-im.googlecode.com/svn/im/up_down.png) ; width:19px; height:16px; display:inline-block; text-indent:-50000px; margin-right:0px; cursor:pointer; background-position:-21px 1px}
.comment .thumb_down:hover{background-position:-21px -16px}
.topic_comments .comment .comm_other{float:right; width:93%; }
.topic_comments .comment .comment_cont{ width:auto; max-width:835px; }

.add_comment_result .error{color:#ed0000; padding:3px; border:1px solid #ed0000; margin:3px 0px}
.no_comments{ display:block; padding:5px; font-size:13px; font-weight:bold; margin:5px; border:1px solid #8F8059; background-color:#FFF6DF }
h2.commentHead{ padding-left:30px; background-image:url(http://mdt-im.googlecode.com/svn/im/icons/comments_small.png); background-repeat:no-repeat; margin-bottom:0px; padding-bottom:5px}

.comment .thumb_up{background:url(http://mdt-im.googlecode.com/svn/im/up_down.png) ; width:19px; height:16px; display:inline-block; text-indent:-50000px; margin-right:0px; cursor:pointer;background-position:-0px 1px}
.comment .thumb_up:hover{background-position:-0px -16px}
.desc_cont{}
.upper_quote{background-image:url(http://mdt-im.googlecode.com/svn/im/icons.png); background-position:0px -125px; height:32px; width:34px; display:inline-block; }
.lower_quote{background-image:url(http://mdt-im.googlecode.com/svn/im/icons.png); background-position:0px -161px; height:32px; width:34px; display:inline-block; }

.add_comment_box{background-color:#f0f0f0}
.add_comment_box .input{ border:1px solid #CCC; background-image:url(http://mdt-im.googlecode.com/svn/im/watch_video_details_bg.png); background-position:10px; padding:5px; width:400px; background-repeat:repeat-x}

#collectionComments .comment .comm_other{width:86%; }

.cb_warning,.cb_error,.cb_message{border-radius:10px;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px; padding:5px; border:1px #0099cc solid; margin:5px;background-image:url(http://mdt-im.googlecode.com/svn/im/watch_video_details_bg.png); background-position:10px}
.cb_warning ul,.cb_error ul,.cb_message ul{display:block; margin:0px; padding:0px; padding-left:10px;}
.cb_warning ul li,.cb_error ul li,.cb_message ul li{border-left:3px solid #ccc; list-style:none; padding-left:10px; cursor:pointer}
.cb_error ul li{ color:#ed0000}
.cb_message ul li{ color:#0099cc}
.cb_warning ul li {color:#0066cc;border-left:none}
.cb_error ul li:hover{border-color:#ed0000}
.cb_message ul li:hover{border-color:#0099cc}

.watch_video_box{width:90px; margin:2px 4px 0px 4px; float:left; height:110px; overflow:hidden}
.watch_video_box{ color:#999; font-size:10px;}
.watch_video_box a{font-size:10px; text-decoration:none; font-weight:bold;}
.watch_video_box .watch_video_box_thumb{border:1px solid  #999; padding:2px; display:inline-block; margin:auto; position:relative}
.watch_video_box_thumb .duration{background-color:#333; color:#fff; font-size:8px; padding:1px; position:absolute; right:2px; bottom:2px}

.watch_vids_head,.watch_vids_head_closed{background-image:url(http://mdt-im.googlecode.com/svn/im/watch_video_bars.png); width:270px; height:26px; background-repeat:no-repeat; display:block; padding-left:30px; line-height:26px; color:#fff; font-size:14px; color:#fff; font-weight:bold; margin-top:10px; cursor:pointer;background-position:0px -26px;}
.watch_vids_head_closed{ background-position:0px -0px; color:#0099cc}

.watch_vids_cont{width:300px; overflow:hidden; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #CCC; padding-top:10px}

.playlist_item{padding:5px; margin:3px 0px 3px  0px; height:30px;}
.playlist_item .pl_num{ width:25px; text-align:center; float:left; line-height:30px; height:30px;font-size:10px; color:#666}
.playlist_item .pl_thumb{width:45px; height:27px; border:2px solid #999;float:left; margin-right:5px }
.playlist_item .pl_details{font-size:10px; width:160px; float:left; cursor:pointer}
.playlist_item .pl_details a{font-size:10px; color:#0099cc; text-decoration:none; font-weight:bold}
.playlist_item .pl_duration{font-size:10px; color:#666; float:left}
.playlist_item .pl_delete{font-size:10px; color:#666;float:right}


.videosharing{width:280px;}
.videosharing input{border:1px solid #999; color:#999; font-size:10px}

.user_block_small{width:70px; height:80px; margin:3px; float:left; padding:5px; font-size:10px; border:1px solid #CCC}
.user_block_small a{font-size:11px; font-weight:bold}
.user_mid_thumb{width:60px; height:60px;display:inline; border:1px solid #999; padding:2px;}


/**** VIDEO.HTML *******************************************************/
/* VERTICAL VIDEOS*/ 
.account_vid_list { border-top:1px solid #ccc; margin:0px 0px; padding:5px 0px; margin-top:5px;}
.account_vid_list .VideoThumb .vid_time {float: right; position:relative; right:2px; bottom:18px; background:#000; color:#fff; font-size:10px; padding:2px; line-height: 12px;}
.VidCon {width: 290px; height: 73px; margin: 5px 0 0 0; padding: 5px; background:#efefef; -webkit-transition: background 0.2s linear;-moz-transition: background 0.2s linear;-o-transition: background 0.2s linear; transition: background 0.2s linear;}
.VidCon:hover {background:none; cursor:pointer;}
.VidCon  a{ color:#333333;  font-weight: bold; }
.VidCon:hover .title a{ color:#1c62cf; }
.VidCon .thumb{ float: left; width: 128px; height: 72px; margin: 0; padding: 0; border: 0;}
.VidCon .title {float:right; width: 156px; line-height: 15px;}
.VidCon .title a {color:#333333; font-weight: bold; font-size: 13px; text-align: left;}
.VidCon .title a:hover {color:#1c62cf; text-decoration: underline;}
.VidCon .Views {margin: 5px 0 0 5px; font-size: 11px; color: #666666; float:left;}
.VidCon .thumb .duration  {float: right; position:relative; right:2px; bottom:18px; background:#000; color:#fff; font-size:10px; padding:2px; line-height: 12px;}
.VidCon .thumb .featured  {position:relative; left:2px; bottom:16px; background:#fe4e00; color:#fff; font-size:11px; padding:2px; line-height: 12px;}
.VidCon .thumb .privat  {position:relative; left:88px; bottom:68px; background:#fe4e00; color:#fff; font-size:11px; padding:2px; line-height: 12px;}
/* HORIZONTAL VIDEOS */
.BrVidCon { padding:5px; float:left; margin:0px 5px 10px 5px;; border: 1px solid transparent; display:inline-block; background:#efefef; -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; -o-transition: background 0.2s linear; -ms-transition: background 0.2s linear; transition: background 0.2s linear;}
.BrVidCon:hover { background:none; cursor:pointer;}
.BrVidCon:hover a{ color:#1c62cf; }
.BrVidCon .thumb { padding: 0; margin: 0;  position:relative;   overflow:hidden; }
.BrVidCon .thumb .vid_time { float: right; position:absolute; right:2px; bottom:2px; background:#000; color:#fff; font-size:10px; padding:2px; line-height: 12px;}
.BrVidCon:hover, .usrname a{color: #666; }
.BrVidCon .usrname a:hover{color: #1c62cf; height:15px; line-height:15px; text-decoration: underline;}
.BrVidCon .thumb .featured {  position:absolute; left:2px; bottom:2px; background:#fe4e00; color:#fff; font-size:11px; padding:4px; line-height: 12px;}
.BrVidCon .thumb .private {  position:absolute; right:2px; top:2px; background:#fe4e00; color:#fff; font-size:11px; padding:4px; line-height: 12px;}
/* MOST_VIEWED */
.Most_viewed {float:left; width:280px; padding:5px; margin: 5px; background:#efefef; -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; -o-transition: background 0.2s linear; -ms-transition: background 0.2s linear; transition: background 0.2s linear; cursor:pointer;}
.Most_viewed:hover {background:none;}
.Most_viewed:hover .usrname a{color:#1c62cf;}
.Most_viewed .thumb{ padding: 0; margin: 0;  position:relative; overflow:hidden;}
.Most_viewed .thumb .vid_time { float: right; position:absolute; right:2px; bottom:2px; background:#000; color:#fff; font-size:10px; padding:2px; line-height: 12px;}
.Most_viewed .thumb .featured {  position:absolute; left:2px; bottom:2px; background:#fe4e00; color:#fff; font-size:11px; padding:4px; line-height: 12px;}
.Most_viewed .usrname {color: #666;}
.Most_viewed .usrname a{color: #333; height:15px; line-height:15px; text-decoration: none; font-weight:bold; overflow:hidden;}
.Most_viewed .usrname a:hover{color: #1c62cf; height:15px; line-height:15px; text-decoration: underline; font-weight:bold;}
/* VIDEOS.HTML PAGE END HERE *******************************************************************************************************/
/*************************************************************************************************************************/
/*************************************************************************************************************************/
/*************************************************************************************************************************/
/*********************************************************************************************************************
	CHANNELS.HTML PAGE
**********************************************************************************************************************/
#ChUserCon {width: 240px; height: 85px; margin: 5px; padding: 10px; display: inline-block; border: 1px solid transparent;}
#ChUserCon:hover {background: #efefef; border: 1px solid #d5d5d5; cursor: pointer;}
#ChUserCon .thumb {float:left; width: 85px; margin-right: 10px;}
#ChUserCon img{border: 1px solid #ddd;}  
#ChUserCon  .info { float: right; width: 150px; }
#ChUserCon .title { float: left; width: 150px; margin-left: 5px; height: 30px;}
#ChUserCon .title a {color:#333333; font-weight: bold; font-size: 13px; text-align: left;} 
#ChUserCon .title a:hover {color:#1c62cf; text-decoration: underline;}
#ChUserCon:hover a {color:#1c62cf;}
/* CHANNELS.HTML PAGE END HERE *******************************************************************************************************/
/*************************************************************************************************************************/
/*************************************************************************************************************************/
/*************************************************************************************************************************/
/*************************************************************************************************************************/
/*********************************************************************************************************************
	VIEW.CHANNEL.HTML PAGE
**********************************************************************************************************************/
/* Channel_top.html*/
.nappi {background:#ccc; padding:10px; margin:0; border:none; color:#666; -webkit-transition: background 0.2s linear;-moz-transition: background 0.2s linear;-o-transition: background 0.2s linear; transition: background 0.2s linear; cursor:pointer;}
.nappi:hover {background:#5086DA; color: #FFF;}
.nappi:hover a {color:#fff;}
.nappi a {color:#333333;}
/* VIEW.CHANNEL.HTML PAGE END HERE *******************************************************************************************************/
/*************************************************************************************************************************/
/*************************************************************************************************************************/
/*************************************************************************************************************************/
/*************************************************************************************************************************/
/*********************************************************************************************************************
	VIEW.PHOTO.HTML PAGE
**********************************************************************************************************************/
.VidCon {width: 290px; height: 73px; margin: 5px 0 0 0; padding: 5px; background:#efefef; -webkit-transition: background 0.2s linear;-moz-transition: background 0.2s linear;-o-transition: background 0.2s linear; transition: background 0.2s linear;}
.VidCon:hover {background:none; cursor:pointer;}
.VidCon  a{ color:#333333;  font-weight: bold; }
.VidCon:hover a{ color:#1c62cf; }
.VidCon .thumb{ float: left; width: 128px; height: 72px; margin: 0; padding: 0; border: 0;}
.VidCon .title {float:right; width: 156px; line-height: 15px;}
.VidCon .title a {color:#333333; font-weight: bold; font-size: 13px; text-align: left;}
.VidCon .title a:hover {color:#1c62cf; text-decoration: underline;}
.VidCon .Views {margin: 5px 0 0 5px; font-size: 11px; color: #666666; }
.VidCon .thumb .duration  {float: right; position:relative; right:2px; bottom:18px; background:#000; color:#fff; font-size:10px; padding:2px; line-height: 12px;}
.VidCon .thumb .featured  {position:relative; left:2px; bottom:16px; background:#fe4e00; color:#fff; font-size:11px; padding:2px; line-height: 12px;}
.VidCon .thumb .privat  {position:relative; left:88px; bottom:68px; background:#fe4e00; color:#fff; font-size:11px; padding:2px; line-height: 12px;}
/* VIEW.CHANNEL.HTML PAGE END HERE *******************************************************************************************************/
/*************************************************************************************************************************/
/*************************************************************************************************************************/
/*************************************************************************************************************************/
/*************************************************************************************************************************/
/*********************************************************************************************************************
	ACCOUNT
**********************************************************************************************************************/
/* Account_left.html */
.my_account_left{ border:#ccc solid; border-width:0px 1px 1px 0px; width:175px; float:left; margin:0px 20px 10px 20px;}
.my_account_left ul{margin:0px; padding:0px; display:block;}
.my_account_left li{margin:0px; padding:0px; list-style:none; display:block; margin:5px; margin-left:0px}
.my_account_left .li{font-size:12px; font-family:Tahoma; font-weight:bold; display:block; margin-bottom:15px;}
.my_account_left .li .Aheading{ height:20px; margin-top:10px; margin-left:5px; color:#000; font-size:12px; font-weight:bold; line-height:18px;} .my_account_left .li li{font-weight:normal;  margin-left:20px; padding:0px 0px;}
.my_account_left .li a{ font-family:Arial, sans-serif; color:#000000; text-decoration:none;}
.my_account_left .li a:hover { text-decoration:underline;}
.my_account_left .li a:focus { outline:3px solid #E7ECFA; background:#E7ECFA; -moz-outline-radius:3px; -webkit-outline-radius:3px; outline-radius:3px; -khtml-outline-radius:3px;}
/* ACCOUNT RIGHT */
.MyAccountRight { float:left; border:solid #ccc; border-width:1px 0px 0px 0px; width:725px;}
.account_form fieldset{border:1px solid #ccc;  border-radius:3px; -moz-border-radius:3px;-webkit-border-radius:3px; margin:10px}
.account_form legend, .account_box legend{ text-transform:uppercase; font-family:arial; font-weight:bold; background:#D0D0D0; border-bottom:1px solid #ddd; padding:10px; font-size:16px;}
.account_form input, .account_form textarea, .account_form select{ width:300px; padding:3px;}
.account_form input[type="radio"],.account_form input[type="checkbox"] { display:inline; width:auto} 
.account_form select{margin-bottom:10px}
.account_field_block{ border-bottom:1px solid #CCC; margin:5px 0px 5px 0px; padding-bottom:0px; padding-top:5px}
.account_field_block .account_field_label{width:200px; float:left}
.account_field_block .account_field{ float:left; width:400px; padding-left:10px; padding-bottom:10px}
.avatar_bg label{margin-top:10px; display:block}
.messages_container{max-height:200px; overflow:auto; padding-bottom:10px; border-bottom:1px dashed #999}
.private_message_container{padding:10px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border:1px solid #CCC; margin-top:15px; }
.unread_msg, .account_table, { color:#000;}
.unread_msg a{font-weight:bold; font-family:arial; color:#000000; text-decoration:none;}
.read_msg, .read_msg a{font-weight:normal; font-family:arial; color:#000000; text-decoration:none;}
.read_msg a:hover,  .unread_msg a:hover { text-decoration:underline;}
.account_table, .manage_contacts_tbl_head{ background-color:#F6F6F6; 
    background-image: -webkit-gradient(linear,left bottom,left top,from(#EFEFEF),to(#FFFFFF));
    background-image: -moz-linear-gradient(bottom, #EFEFEF, #FFFFFF);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFFFFF, endColorStr=#EFEFEF); border:1px solid #ccc; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px; height:19px; margin-top:10px;}
	.manage_contacts_tbl{border-bottom:1px solid #ccc;}
.manage_contacts_tbl:nth-child(2n+1){}
.manage_contacts_tbl_head td{ padding-left:3px; font-weight:bold}
.manage_contacts_tbl td a { color:#000000; text-decoration:none;}
.manage_contacts_tbl td a:hover { text-decoration:underline;}
.manage_contacts_tbl td a:focus { outline:3px solid #E7ECFA; background:#E7ECFA; -moz-outline-radius:3px; -webkit-outline-radius:3px; outline-radius:3px; -khtml-outline-radius:3px;}
.manage_contacts_tbl_head td:nth-child(2),.manage_contacts_tbl_head td:nth-child(3){border-right:1px solid #c2c2c2;}
.manage_contacts_tbl_head td:last-child{border-right:none}
.manage_contacts_tbl td{padding-left:3px; color:#666; }
.manage_contacts_tbl td .DeleteIMG{ background:url(http://mdt-im.googlecode.com/svn/im/icons.png) -184px -56px no-repeat; position:relative;}
.manage_contacts_tbl td .DeleteIMG:hover { background-position:-62px -56px;}
.accntSettingHead:hover{cursor:pointer}
.accountForm fieldset{border:none; !important}
.account_table tr td{border-right:1px solid #ccc; text-indent:10px; font-family:arial; font-size:11px; text-transform:uppercase; font-weight:bold} .account_table .last_td{border-right:0px}
.search_field{width:150px; padding-left:3px;  font-size:11px; font-family:tahoma; margin:0px;}

.MVideoLinks ul { margin:0px; padding:0px;}
.MVideoLinks ul li { list-style:none; display:inline-block;}
.MVideoLinks ul li a { background-color:#F6F6F6; font-family:arial;
    background-image: -webkit-gradient(linear,left bottom,left top,from(#EFEFEF),to(#FFFFFF)); font-size:11px;
    background-image: -moz-linear-gradient(bottom, #EFEFEF, #FFFFFF); border:1px solid #ccc; color:#000; text-decoration:none;
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFFFFF, endColorStr=#EFEFEF); display:block; padding:2px 6px;
-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -khtml-border-radius:3px;	}
.MVideoLinks ul li a:hover { text-decoration:underline; -moz-box-shadow: 0px 0px 1px 0px #999999; webkit-box-shadow:0px 0px 1px 0px #999999; box-shadow:0px 0px 1px 0px #999999;}
.MVideoLinks ul li a:active {background-color:#DDDDDD; 
    background-image: -webkit-gradient(linear,left bottom,left top,from(#FFFFFF),to(#CCCCCC));
    background-image: -moz-linear-gradient(bottom, #FFFFFF, #CCCCCC);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#CCCCCC, endColorStr=#FFFFFF);}
.grp_manage_links {background-color:#FEFEFE; border:solid #ccc; border-width:1px 0px;
background-image: -webkit-gradient(linear,left bottom,left top,from(#FEFEFE),to(#F6F6F6));
background-image: -moz-linear-gradient(bottom, #FEFEFE, #F6F6F6);
filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#F6F6F6, endColorStr=#FEFEFE);}
.grp_manage_links ul { margin:0px; padding:0px;}
.grp_manage_links ul li { line-height:normal; display:inline-block; border-left:1px solid #ccc; padding:5px;}
.grp_manage_links ul li a { color:#000000; text-decoration:none; } .grp_manage_links ul li a:hover { text-decoration:underline;}
.grp_manage_links ul li:first-child { border-left:none;}
.grp_manage_links ul li a:focus { outline:3px solid #E7ECFA; background:#E7ECFA; -moz-outline-radius:3px; -webkit-outline-radius:3px; outline-radius:3px; -khtml-outline-radius:3px;}
.PlayNow a{ text-decoration:none; font-family:arial; font-weight:700; color:#000}
.upload_left{width:600px; float:left; padding:0px 5px}
.upload_opt,.upload_left .upload_info{ background:#efefef ; padding:5px; }
.upload_right{width:300px; float:right; margin-right:10px}
.upload_right .instructions{background:#efefef;  padding:5px; color:#4b4b4b; margin-bottom:8px; font-size:11px; font-family:arial; }
.upload_right .instructions a { color:#000000;} .upload_right .instructions a:hover { text-decoration:none;}
.upload_form{padding:0px; margin:0px;}
.upload_form fieldset{padding:5px; border:none; }
.upload_form fieldset .form_head{display:block; background:#ccc; padding:3px; color:#666; font-size:13px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; margin-bottom:10px}
.upload_form .label{cursor:pointer; display:block; font-size:12px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom:2px}
.upload_form input[type=text],.upload_form input[type=textfield],.upload_form textarea{ width:370px; resize:auto; }
.upload_form .field{margin-bottom:10px}
.upload_form .hint{font-size:11px}
.upload_form label{cursor:pointer}
ul.upload_opts { list-style:none; margin:0px; padding:0px; }
ul.upload_opts li { padding:8px; margin:0px 10px; top:1px; position:relative; border:1px solid transparent; float:left; }
ul.upload_opts li:hover { cursor:pointer; }
ul.upload_opts li.selected { cursor:pointer; background:#efefef;   color:#000000;  }
.upload_opt{  margin-bottom:10px }
.upload_opt_head{ font-size:12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; }
.more_button,.more_button_up {display:block; border-bottom:1px #CCC solid; border-top:1px #CCC solid; color:#999; background:#fff url(http://mdt-im.googlecode.com/svn/im/nav_grads.png) no-repeat right -441px; padding:2px; height:13px }
.more_button_up{ background-position:right -458px}
.more_button_up a,.more_button a{color:#333; text-decoration:none; font-weight:bold; font-family:Arial, Helvetica, sans-serif;font-size:11px; display:block}.more_button_up a,.more_button a:hover{color:#000000}
.v_date { font-size:11px; color:#666666; }
.v_date a { text-decoration:none; color:#000000;} .v_date a:hover {}
li.v_date { list-style:none;}
/* My Account */
.account_head { border-bottom:1px solid #ccc; padding-bottom:8px; margin-bottom:8px;}
.acc_thumb { padding:1px; border:1px solid #9b9b9b; }
.account_thumb { border:1px solid #9b9b9b; width: 100px; height:100px; }
ul.u_info { margin:0px 50px 0px 0px; padding:0px; }
ul.u_info li { padding:0px 0px 2px; list-style:none; } 
ul.u_info li span { color:#666; }
ul.u_info li a { color:#000000; text-decoration:none;}
.account_option_box{ background:#efefef; border:1px #ccc solid; display:block; width:160px; margin:10px 20px 10px 0px; padding:6px;float:left; height:125px;-webkit-transition: background 0.2s linear;-moz-transition: background 0.2s linear;-o-transition: background 0.2s linear; transition: background 0.2s linear;}
.account_option_box:hover{ background:none; }
.account_option_box .its_title{font-size:13px; font-weight:bold; color:#666;}
.account_option_box  li{list-style:none; border-bottom:1px dotted #ccc; padding-bottom:2px; margin-bottom:2px}
.account_option_box ul{margin:8px 0px 0px; padding:0px; display:block;}
.account_option_box  a{text-decoration:none; font-size:11px; color:#000000}
.account_option_box  a:hover{text-decoration:underline;}
.account_option_box  a:focus { outline:3px solid #E7ECFA; background:#E7ECFA; -moz-outline-radius:3px; -webkit-outline-radius:3px; outline-radius:3px; -khtml-outline-radius:3px;}
.account_head_right{float:right}
.pm_box{width:90px; height:70px; background-color:#fafafa; display:block; margin-right:10px; border:1px #ccc solid;}
.pm_box .messages{font-size:10px; font-family:tahoma; font-weight:bold; text-transform:uppercase; color:#666; text-align:center; display:block; padding:6px}
.pm_box {text-align:center; font-size:25px; font-weight:bold}
/* EDITACCOUNT.HTML PAGE END HERE *******************************************************************************************************/
/*************************************************************************************************************************/
/*************************************************************************************************************************/
/*************************************************************************************************************************/
/*************************************************************************************************************************/
/*********************************************************************************************************************
	Footer
**********************************************************************************************************************/
#footer{background:#333; width:100%; height:220px; border-top:3px solid #5086DA; padding:0; margin:0; position:relative;}
#footer h2{ margin:10px 0 0 0; color:#FFFFFF; }
#footmenu { padding:0; height:180px; width:370px;}
#footmenu ul{float:left; list-style:none;}
#footmenu ul li{ list-style:none; margin: 0 ;}
#footmenu ul li a{padding:5px; color:#fff;-webkit-transition: color 0.2s linear;-moz-transition: color 0.2s linear;-o-transition: color 0.2s linear; transition: color 0.2s linear;}
#footmenu ul li a:hover{padding:5px; color:#fe9800;}
#copyright { color:#efefef; height:40px; line-height:40px;}
#copyright span{color:#efefef; text-align:center;}
#copyright span a{color:#fff; text-align:center; -webkit-transition: color 0.2s linear;-moz-transition: color 0.2s linear;-o-transition: color 0.2s linear; transition: color 0.2s linear;}
#copyright span a:hover{color:#fe9800; }
/* Footer Sharing */
#share{float:right; margin:10px 0 0 ; width:220px;}
.facebook{background: url(http://mdt-im.googlecode.com/svn/im/icons/facebook.png)no-repeat; height: 32px; width: 32px;opacity: 0.5; float:right; margin: 2px; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear;}
.facebook:hover{background: url(http://mdt-im.googlecode.com/svn/im/icons/facebook.png)no-repeat; height: 32px; width: 32px;opacity: 1;}
.twitter{background: url(http://mdt-im.googlecode.com/svn/im/icons/twitter.png)no-repeat; height: 32px; width: 32px;opacity: 0.5;float:right;margin: 2px;-webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear;}
.twitter:hover{background: url(http://mdt-im.googlecode.com/svn/im/icons/twitter.png)no-repeat; height: 32px; width: 32px;opacity: 1;}
.youtube{background: url(http://mdt-im.googlecode.com/svn/im/icons/youtube.png)no-repeat; height: 32px; width: 32px;opacity: 0.5;float:right;margin: 2px;-webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear;}
.youtube:hover{background: url(http://mdt-im.googlecode.com/svn/im/icons/youtube.png)no-repeat; height: 32px; width: 32px;opacity: 1;}
.google{background: url(http://mdt-im.googlecode.com/svn/im/icons/google.png)no-repeat; height: 32px; width: 32px;opacity: 0.5;float:right;margin: 2px;-webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear;}
.google:hover{background: url(http://mdt-im.googlecode.com/svn/im/icons/google.png)no-repeat; height: 32px; width: 32px;opacity: 1;}
/* FOOTER END HERE *******************************************************************************************************/
/*************************************************************************************************************************/
/*************************************************************************************************************************/
/*************************************************************************************************************************/
/*************************************************************************************************************************/
.pagination { padding:6px 0px; color:#fe4e00; font-size:13px;}
.pagination a, .pagination .selected { background-color:#F6F6F6; 
    background-image: -webkit-gradient(linear,left bottom,left top,from(#EFEFEF),to(#FFFFFF));
    background-image: -moz-linear-gradient(bottom, #EFEFEF, #FFFFFF);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFFFFF, endColorStr=#EFEFEF); border:1px solid #ccc; color:#fe4e00; display:inline-block; font-size:12px; text-align:center; text-decoration:none; padding:4px 8px;
	 border-radius:100%;-moz-border-radius:100%;-khtml-border-radius:100%;-webkit-border-radius:100%; }
.pagination .selected { background:#ddd; color:#fe4e00; font-weight:bold; }
.pagination a:hover { background:#efefef; }
.pagination a:active { background-color:#DDDDDD; 
    background-image: -webkit-gradient(linear,left bottom,left top,from(#FFFFFF),to(#CCCCCC));
    background-image: -moz-linear-gradient(bottom, #FFFFFF, #CCCCCC);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#CCCCCC, endColorStr=#FFFFFF); border-color:#999;
	}
.ShortTimes { padding:6px 0px; margin-bottom:8px; vertical-align:middle; position:relative; z-index:2000}
.sorts { padding:5px; border:1px solid #ccc}
.SortOpen { background:url(http://mdt-im.googlecode.com/svn/im/icons.png) -113px -150px no-repeat; width:7px; height:5px; vertical-align:middle; display:inline-block; margin-left:3px; overflow:visible; }
.sorts:hover { background-color:#f3f3f3; border:1px solid #999; outline:0px none; cursor:pointer;
    background-image: -webkit-gradient(linear,left bottom,left top,from(#ebebeb),to(#FFFFFF));
    background-image: -moz-linear-gradient(bottom, #ebebeb, #FFFFFF);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFFFFF, endColorStr=#ebebeb);
	-moz-box-shadow:0px 0px 3px #999; -webkit-box-shadow:0px 0px 3px #999;}
.sorts:active, sorts:focus, .ShortTimes .selected { background-color:#DDDDDD; border:1px solid #999;
    background-image: -webkit-gradient(linear,left bottom,left top,from(#ffffff),to(#cccccc));
    background-image: -moz-linear-gradient(bottom, #ffffff, #cccccc);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#cccccc, endColorStr=#ffffff);
	-moz-box-shadow:0px 0px 3px #999; -webkit-box-shadow:0px 0px 3px #999;}
.SortLinks { position:absolute; background:#fff; padding:0px 0px; color:#000; border:1px solid #ccc; min-width:92px; width:100%; top:25px; left:-1px; z-index:2500; clear:both;}		
.SortLinks ul { margin:0px; padding:0px;}
.SortLinks ul li { list-style:none;border-bottom:1px solid #f3f3f3;}
.SortLinks ul li a {  display:block; padding:6px 5px; text-decoration:none; color:#000;}
.SortLinks ul li:hover { background:#eaeaea;}
/* Collection Page */
.CollectionCon {  padding:8px ; background:#efefef; border-top:1px solid #ccc; transition: background .25s ease-in-out; -moz-transition: background .25s ease-in-out; -webkit-transition: background .25s ease-in-out;}
.CollectionCon:first-child{ border:1px solid #ccc;}
.CollectionCon:last-child{ border-top:none}
.CollectionCon:hover{ background:none;}
.CollectionCon:hover a{ color:#1c62cf;}
.CollectionThumb {width:120px; height:75px;}
.CollectionThumb .coll_num{position:relative; left:2px; bottom:18px; background:#fe4e00; color:#fff; font-size:11px; padding:4px; line-height: 12px;}
.CollectionName a { font-size:12px; font-weight:700; text-decoration:none; color:#333;  transition: color .25s ease-in-out; -moz-transition: color .25s ease-in-out; -webkit-transition: color .25s ease-in-out;}
.CollectionName a:hover { text-decoration:underline;}
.CollectionName a:focus, .CollectionCat a:focus { -moz-outline-radius:3px; -webkit-outline-radius:3px; outline-radius:3px; -khtml-outline-radius:3px; background-color:#E7ECFA; outline:3px solid #E7ECFA;}
.DateDec { color:#333; display:block; font-size:11px;}
.CollectionCat { font-size:11px; color:#333;} .CollectionCat a { text-decoration:none; color:#000000;}
.CollectionCat a:hover { text-decoration:underline;}
.CollLikeImg { background:url(http://mdt-im.googlecode.com/svn/im/small-icons.png) -45px 0px no-repeat; width:12px; height:12px;}
.CollUnlikeImg { background:url(http://mdt-im.googlecode.com/svn/im/small-icons.png) -33px 0px no-repeat; width:12px; height:12px;}
/*Playlist*/
.playlist_vid_con { display: inline; width: 300px; float:left; height: 65px;  margin:0 5px 0px 5px;   background: #2b2b2b; cursor:pointer;border-bottom:1px solid #222;}
.playlist_vid_con:hover {background:#353535;}
.playlist_vid_con .num{width: 20px; text-align: center; line-height: 70px; float:left; font-size: 11px; color:#fff;}
.playlist_vid_con  .thumb {height: 50px; border: 0; width:90px; margin:7px;}
.playlist_vid_con  .videoname {width:150px; float:right; height: 40px; overflow: hidden; color: #e9e9e9; font-size: 11px; padding:0 5px 0 5px; margin:10px 0 0 0;}
.playlist_vid_con  .videoname a{color: #e9e9e9; }

/* SIGNUP PAGE */
.simple_box { padding:4px; margin: 0 10px 10px;}
.signup_container { padding:6px;  padding-top:15px; }
.signup_container .label{ width:115px; float:left; text-align:right; margin-right:5px; text-transform:capitalize;}
.signup_container .input_container{float:left; width:255px; margin-bottom:12px}
.signup_container input[type=textfield],.signup_container input[type=text],.signup_container input[type=password]{width:255px;}
.signup_container .hint{display:block; font-size:11px}
.Agree a { font-size:11px; color:#000000; text-decoration:none;} .Agree a:hover { text-decoration:underline;}
.Agree a:focus, .ForgotLink a:focus { -moz-outline-radius:3px; -webkit-outline-radius:3px; outline-radius:3px; -khtml-outline-radius:3px; background-color:#E7ECFA; outline:3px solid #E7ECFA;}
.iteration { position:absolute; bottom:6px; left:6px; font-size:16px; font-weight:700; display:none; overflow:hidden; }
.PlayButton { border:solid #999; border-width:0px 1px 0px 0px; height:40px; cursor:pointer;}
.PlayButton .PlayIcon { background:url(http://mdt-im.googlecode.com/svn/im/icons.png) 0px -19px no-repeat; width:10px; height:13px;}
.playlist_box_head a{color:#000000; font-size:11px; font-weight:bold; text-decoration:none}
/* playList */
.WVideoTitle { font-size:18px; font-family:Arial, sans-serif; font-weight:700;}
.watch_vids_head,.watch_vids_head_closed{float:left; width:300px; height:26px;display:block; line-height:26px; color:#666; font-size:14px; font-weight:bold;  cursor:pointer;}
.watch_vids_head_closed{ color:#666; margin-bottom:5px;}
/* Scrollbar */
.watch_vids_cont::-webkit-scrollbar { width: 10px;}
/* Track */
.watch_vids_cont::-webkit-scrollbar-track {background:#3d3d3d;}
 
/* Handle */
.watch_vids_cont::-webkit-scrollbar-thumb {background: #1b1b1b; }

.watch_vids_cont{float:left;width:300px; overflow:hidden; padding-bottom:0px; margin-bottom:5px; border-bottom:1px solid #CCC; padding-top:0px; max-height:250px; overflow-y:hidden; overflow-x:hidden; }
.watch_vids_cont:hover{overflow-y:scroll;}
.playlist_item{padding:5px; margin:3px 0px 3px  0px; height:30px;}
.playlist_item .pl_num{ width:25px; text-align:center; float:left; line-height:30px; height:30px;font-size:10px; color:#666}
.playlist_item .pl_thumb{width:45px; height:27px; border:2px solid #999;float:left; margin-right:5px }
.playlist_item .pl_details{font-size:10px; width:160px; float:left; cursor:pointer}
.playlist_item .pl_details a{font-size:10px; color:#0099cc; text-decoration:none; font-weight:bold}
.playlist_item .pl_duration{font-size:10px; color:#666; float:left}
.playlist_item .pl_delete{font-size:10px; color:#666;float:right}
.UVCon { padding:5px; float:left; margin:0px 5px 10px 5px;; border: 1px solid transparent; display:inline-block; background:#efefef; -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; -o-transition: background 0.2s linear; -ms-transition: background 0.2s linear; transition: background 0.2s linear; }
.UVCon:hover { background:none; cursor:pointer;}
.UVCon:hover a{ color:#1c62cf;}
.UVTitle a { text-decoration:none; color:#333; font-size:13px; font-weight: bold;} .UVTitle a:hover { text-decoration:underline;}
.uploading_detail a:focus, .UVTitle a:focus { }
.ShareButtons { }
.FavButton {text-align:center; cursor:pointer; overflow:visible; padding:5px; vertical-align:top; white-space:nowrap; border:1px solid #ccc; display:inline-block; margin-right:5px;text-decoration:none;}
.FavtIcon { background:url(http://mdt-im.googlecode.com/svn/im/icons.png) -110px -147px no-repeat; vertical-align:middle; width:11px; height:11px; border:none; cursor:pointer;}
.FavButton .FlagIcon { background:url(http://mdt-im.googlecode.com/svn/im/icons.png) -166px -74px no-repeat; width:15px; height:16px; vertical-align:middle; cursor:pointer; display:inline-block;}
.FavButton:hover .FlagIcon { background-position:-30px -85px; cursor:pointer;}
.FavtText { background:#efefef; width:96px; position:absolute; margin-left: 5px; text-align:center; top:30px; border-top:none; cursor:pointer; z-index:100;}
.FavtText ul { margin:0px; padding:0px;}
.FavtText ul li { list-style:none; border-bottom:1px solid #ccc;} .FavtText ul li:last-child { border-bottom:none;}
.FavtText ul li a { display:block; padding:5px 0px; color:#666; text-decoration:none;}
.FavtText ul li a:hover { background:#ccc; }
.WatchViews { font-size:22px; font-weight:700; line-height:35px;}
.uploading_detail { font-size:11px; color:#666; position:relative; top:-17px;}
.uploading_detail a { text-decoration:none; color:#457bd0;} .uploading_detail a:hover { text-decoration:underline}
.ShowMore { cursor:pointer;}
.ShowMore:hover  { cursor:pointer;}
.VideoCate { margin-top:8px; font-size:11.4px; color:#333; font-weight:700; margin-bottom:15px;}
.VideoCate a { color:#4272DB; text-decoration:none; font-weight:normal;}
.VideoCate a:hover { text-decoration:underline;}
.VideoCate a:focus{ outline:3px solid #E7ECFA; background:#E7ECFA; -moz-outline-radius:3px; -webkit-outline-radius:3px; outline-radius:3px; -khtml-outline-radius:3px;}
.Collection_Item{padding:5px; margin:3px 0px 3px  0px; height:30px;}
.Collection_Item .pl_num{ width:25px; text-align:center; float:left; line-height:30px; height:30px;font-size:10px; color:#666}
.Collection_Item .pl_thumb{width:45px; height:27px; border:2px solid #999;float:left; margin-right:5px }
.Collection_Item .pl_details{font-size:10px; width:160px; float:left; cursor:pointer}
.Collection_Item .pl_details a{font-size:10px; color:#03c; text-decoration:none; font-weight:bold}
.Collection_Item .pl_duration{font-size:10px; color:#666; float:left}
.Collection_Item .pl_delete{font-size:10px; color:#666;float:right}
/* COMMENTS */
.WVComments{ margin-top:20px;}
.WVCTitle { margin:5px 0px; padding:0px 3px; font-size:13px; color:#666; border-bottom:1px solid #ccc; line-height:25px;}
.add_comment_box .input,.add_comment_box,.comment,.video_details,.form_container .form_result,.action_box{ padding:10px 0 0;}
.add_comment_box{ }
.add_comment_box .input{ padding:5px; width:400px; margin:5px 0px; border: 1px solid #ccc; margin:0; background: #f7f7f7;font-family: arial, sans-serif; font-size: 12px;}
.add_comment_box .input:focus{ background: #fff; }
.thumb_up {  margin:0px 3px 0px 0px; padding:5px; float:left;  background:#efefef; }
.thumb_up:hover { background:#ccc;}
.thumb_up .ThumbUpIcon { background:url(http://mdt-im.googlecode.com/svn/im/icons.png) -254px -97px no-repeat; width:12px; height:12px; display:inline-block;  vertical-align:middle; } .thumb_up:hover { border-color:#999;}
.thumb_up:hover .ThumbUpIcon { background-position:-240px -83px;}
.thumb_down { margin:0px 3px 0px 0px; padding:5px; float:left; background:#efefef;}
.thumb_down:hover { background:#ccc;}
.thumb_down .ThumbDownIcon { background:url(http://mdt-im.googlecode.com/svn/im/icons.png) -224px -56px no-repeat; width:12px; height:12px; display:inline-block; vertical-align:middle; } .thumb_down:hover { border-color:#999;}
.thumb_down:hover .ThumbDownIcon { background-position:-189px -33px; }
.ComReply { margin:0px 0 0 0px; padding:4px; float:left; background:#efefef;}
.ComReply a{ text-decoration:none; color:#000;} .ComReply:hover { background:#ccc;}
.ComReply .CReplyIcon { background:url(http://mdt-im.googlecode.com/svn/im/icons.png) -45px -130px no-repeat; width:12px; height:12px; display:inline-block; vertical-align:middle; margin-right:3px;}
.ComReply:hover .CReplyIcon { background-position:-30px -127px;}
.DownSD { margin:0px; padding:8px 6px 3px; float:left; border-left:1px solid #ccc; background:#efefef;}
.DownSD:hover { background:#ccc; cursor:pointer;}
.DownSD .DownSDIcon { background:url(http://mdt-im.googlecode.com/svn/im/icons.png) -111px -149px no-repeat; width:11px; height:11px; display:inline-block; vertical-align:middle;} .DownSD:hover { border-color:#999;}
.SpamDelete { background:#fff; border:1px solid #999; width:80px; position:absolute; float:right; top:24px; display:block; text-align:center; left:47px}
.SpamDelete a { text-decoration:none; color:#000; font-size:13px; padding:4px 3px 4px 0px; display:block}
.SpamDelete a:hover { background:#eaeaea; text-decoration:underline;}
.comment {background:#efefef;}
.comment:hover { background:#e2e2e2;}
.comment .RateComment { visibility:hidden; } 
.comment:hover .RateComment { visibility:visible;}
.comment_details .v_date { font-size:11px; color:#666;}
.comment_details a { color:#4272DB; font-size:11px; font-weight:normal; text-decoration:none;}
.comment_details a:hover { text-decoration:underline;}
.comment_details a:focus{ outline:3px solid #E7ECFA; background:#E7ECFA; -moz-outline-radius:3px; -webkit-outline-radius:3px; outline-radius:3px; -khtml-outline-radius:3px;}
.comment, .spam { padding:4px 0px 8px 10px; margin-bottom:5px; }
.comment_rating { width:auto; margin:1px 3px 0px 0px; }
.spam { color:#666; }
.spam a { color:#666; text-decoration:underline; }
#add_comment textarea, #add_comment input[type=text] { width:250px; }
#add_comment textarea { height:75px; }
.subscribe { padding:3.5px 6px; cursor:pointer;}
.action_box{ background:#fff; padding:10px; border:1px solid #ccc; margin-bottom:10px;}
.action_box .action_box_title{color:#333; font-size:14px;font-weight:bold; text-transform:uppercase; font-family:arial; }
.action_box .CancelIMG { background:url(http://mdt-im.googlecode.com/svn/im/icons.png) -190px 0px no-repeat; width:16px; height:16px; float:right}
.form_container{border-top:1px solid #ccc; padding-top:10px; font-size:11px}
.form_container a { color:#000000; text-decoration:none;} .form_container a:hover { text-decoration:underline}
.form_container a:focus { outline:3px solid #E7ECFA; background:#E7ECFA; -moz-outline-radius:3px; -webkit-outline-radius:3px; outline-radius:3px; -khtml-outline-radius:3px;}
.form_container .form_left{width:65%;  color:#666;}
.form_container form{ margin:0px; padding:0px}
.form_container label{ display:block; font-size:11px; font-weight:bold; color:#333;margin-bottom:5px;}
.form_container label .example{font-weight:normal; }
.form_container .left_text_area{width:98%; padding:3px; margin-bottom:5px}
.form_container .LinkVideoText { width:400px; font-size:21px; margin-bottom:5px; padding:5px; color:#666;}
.form_container .form_result{border:1px solid #0099cc; margin:5px; padding:5px;}
.action_box .error{ background:url(http://mdt-im.googlecode.com/svn/im/icons/error.png) no-repeat; height:19px; padding:0 0 0 22px; margin:0px; display:block; color:#666; line-height:19px; font-size:12px; font-weight:700;}
.action_box .msg{ background:url(http://mdt-im.googlecode.com/svn/im/icons/msg.png) no-repeat; height:19px; padding:0 0 0 22px; margin:0px; display:block; color:#666; line-height:19px; font-size:11px; font-weight:700;}
.action_box .cancel a{font-size:10px; font-weight:bold; color:#333; text-decoration:none; }
.form_container select{ padding:2px; margin:5px}
.error{ background:url(http://mdt-im.googlecode.com/svn/im/icons/error.png) no-repeat; height:19px; padding:0 0 0 22px; margin:0px; display:block; color:#666; line-height:19px; font-size:11px; font-weight:700;}
.msg{ background:url(http://mdt-im.googlecode.com/svn/im/icons/msg.png) no-repeat; height:19px; padding:0 0 0 22px; margin:0px; display:block; color:#666; line-height:19px; font-size:11px; font-weight:700;}
.LinkVideoTitle { font-size:12px; font-family:Arial, sans-serif; color:#666; }
.EmbedButton { background-color:#f3f3f3; border:1px solid #ccc; outline:0px none; cursor:pointer; font-weight:bold;
    background-image: -webkit-gradient(linear,left bottom,left top,from(#ebebeb),to(#FFFFFF)); margin-right:15px;
    background-image: -moz-linear-gradient(bottom, #ebebeb, #FFFFFF);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFFFFF, endColorStr=#ebebeb); width:45px; padding:5px;}
.EmbedButton:hover{ -moz-box-shadow:0px 0px 3px #999; -webkit-box-shadow:0px 0px 3px #999; border-color:#999;}		
.EmbedButton:active, .EmbedButton .selected { background-color:#DDDDDD; border:1px solid #999;
    background-image: -webkit-gradient(linear,left bottom,left top,from(#ffffff),to(#cccccc));
    background-image: -moz-linear-gradient(bottom, #ffffff, #cccccc);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#cccccc, endColorStr=#ffffff);
	-moz-box-shadow:0px 0px 3px #999; -webkit-box-shadow:0px 0px 3px #999;
}
ul.PlayerSize { margin:0px; padding:0px; overflow:hidden}
.PlayerSize li { list-style:none;}
.DefaultSizs, .MediumSizs, .LargeSizs, .HDSizs { float:left; border:1px solid #fff; margin:4px; padding:4px; cursor:pointer;}
.DefaultSizs:hover, .MediumSizs:hover, .LargeSizs:hover, .HDSizs:hover { border-color:#ccc;}
.DefaultSizs > label, .MediumSizs > label, .LargeSizs > label, .HDSizs > label { display:block; text-align:center; cursor:pointer;}
.DSRadio, .MSRadio, .LSRadio, .HDSRadio { display:none;}
.DefaultSizs .SizeName, .MediumSizs .SizeName, .LargeSizs .SizeName, .HDSizs .SizeName { color:#666; display:block; white-space:nowrap; font-weight:normal; font-size:11px;}
.DefaultSizs .DSBox { background:#ddd; border:1px solid #999; display:block; padding:1px; margin:auto 0px 0px 1px; height:32px; width:42px;}
.MediumSizs .MSBox { background:#ddd; border:1px solid #999; display:block; padding:1px; margin:auto 0px 0px 0px; height:42px; width:55px;}
.LargeSizs .LSBox { background:#ddd; border:1px solid #999; display:block; padding:1px; margin:auto 0px 0px 0px; height:47px; width:63px;}
.HDSizs .HDSBox { background:#ddd; border:1px solid #999; display:block; padding:1px; margin:auto 0px 0px 0px; height:63px; width:84px;}
.PlayerSize li.selected { background:#D8E6FB; border-color:#A0B3D9; }	
/* View Collection */
.collectItemBox { vertical-align:middle; width:21.9%; display:inline-block; text-align:center; padding:4px; background:#efefef;margin:0 0 2px 0; -webkit-transition: background 0.2s linear;-moz-transition: background 0.2s linear;-o-transition: background 0.2s linear; transition: background 0.2s linear;}
.collectItemBox:hover {background:none;}
a.CollectThumb { display:inline-block; background:#FFF; }
.collectionTable { border-collapse:collapse; border-spacing:0px; width:100%; }
#collectionItemsList { }
.collect_grid img { display:block; margin:3px; }
.VCRatingCon { border-top:1px solid #ccc; padding:5px 0px;}
.no_comments { background:#efefef ;  color:#ccc; font-size:13px; font-weight:bold; padding:5px; margin-bottom:5px;}
/* View Item */
.NextPrevButtons{ margin-bottom:8px;}
.NextPrevButtons ul { margin:0px; padding:0px;}
.NextPrevButtons ul li { display:inline-block; list-style:none; margin-right:5px;}
.NextPrevButtons ul li a { display:block; text-align:center; color:#333; text-decoration:none; font-size:11px; font-weight:bold; font-family:Arial, sans-serif; background:#efefef;  padding:3px 6px;  -webkit-transition: background 0.2s linear;-moz-transition: background 0.2s linear;-o-transition: background 0.2s linear; transition: background 0.2s linear;}
.NextPrevButtons ul li a:hover {background:#ccc;  cursor:pointer; }
.NextPrevButtons ul li:last-child { margin-right:0px;}
.PhotoTitle { color:#666; font-family:Arial, Helvetica, sans-serif;}
/* PHOTOS */
.photoBox .OptionalSettings { background:#fff; border:solid #ccc; border-width:1px 0px 0px; display:block;}
.photoBox .Heading a { padding:5px; display:block; border-bottom:1px solid #ccc; font:bold 11px Tahoma; text-decoration:none; }
.photoDetailsBox { padding:5px; }
.photoDetailsBox .field {  margin-bottom:5px; }
.photoDetailsBox .field .label { font:bold 11px Tahoma; padding-top:6px; width:125px; display:inline-block; }
.photoDetailsBox input[type=text], .photoDetailsBox textarea, .photoDetailsBox select { font:normal 11px Tahoma; padding:4px; width:200px; }
.photoDetailsBox textarea { width:202px; height:50px; }
.photoDetailsBox select { width:212px; }
.photoDetailsBox .hint { color:#666; font:normal 10px Tahoma; float:right; }
.photoThumbBox { padding:1px; background:#FFF; border:1px solid #aaa; }
.OptionalBox { padding:5px; }
.PhotoHeading { margin:5px 0px; padding-bottom:5px; border-bottom:1px solid #ccc; font:bold 11px Tahoma; }
.PhotoHeading.hover:hover { cursor:pointer; }
.photoTitle { font:bold 11px Tahoma; }
.photoTitle a { text-decoration:none; }
.CreateLinks a { color:#000000; font-size:11px; font-family:arial; font-weight:700; text-decoration:none;}
.CreateLinks a:hover { text-decoration:underline;} .CreateLinks a:focus { outline:3px solid #E7ECFA; background:#E7ECFA; -moz-outline-radius:3px; -webkit-outline-radius:3px; outline-radius:3px; -khtml-outline-radius:3px;}
#collection_name, #colleciton_desciption, #collection_tags { width:200px;}
.CollectionResult { background:#FFF; border:1px solid #aaa; margin:8px 8px 0px; padding:5px; color:#666;  }
.CollectionResult .error { background:url(http://mdt-im.googlecode.com/svn/im/icons/error.png) no-repeat; height:19px; padding:0 0 0 22px; margin:0px; display:block; color:#666; line-height:19px; font-size:11px; font-weight:700; }
.CollectionResult .msg { background:url(http://mdt-im.googlecode.com/svn/im/icons/msg.png) no-repeat; height:19px; padding:0 0 0 22px; margin:0px; display:block; color:#666; line-height:19px; font-size:11px; font-weight:700; }
.cb_error { background:#FFE5E5; padding:2px 24px 2px 4px; }
.cb_error ul { margin:0px; padding:2px 0px;}
.cb_error ul li { list-style:none; font-size:12px; font-weight:700; line-height:34px;}
.cb_error .ErrorIcon {background:url(http://mdt-im.googlecode.com/svn/im/icons.png) -254px -130px no-repeat; width:34px; height:34px; float:left; cursor:auto; margin-right:8px}
.cb_message { background:#DAF0BE; padding:2px 24px 2px 4px;  }
.cb_message ul { margin:0px; padding:2px 0px;}
.cb_message ul li { list-style:none; font-size:12px; font-weight:700; line-height:34px;}
.cb_message .MessageIcon { background:url(http://mdt-im.googlecode.com/svn/im/icons.png) -158px -130px no-repeat; width:34px; height:34px; float:left; cursor:auto; margin-right:8px;}
.cb_warning { background:#e2eefb; padding:2px 24px 2px 4px; }
.cb_warning .WarningIcon { background:url(http://mdt-im.googlecode.com/svn/im/icons.png) -221px -130px no-repeat; width:34px; height:34px; float:left; cursor:auto;}
.cb_warning .ErrorText { font-size:13px; font-weight:700; padding:7px 5px; float:left; line-height:34px;}
.box2 a { color:#03c; text-decoration:none;} .box2 a:hover { text-decoration:underline;}
.video_control a { color:#03c; text-decoration:none} .video_control a:hover { text-decoration:underline;}
.video_control a:focus, .video_control a:active { outline:3px solid #E7ECFA; background:#E7ECFA; -moz-outline-radius:3px; -webkit-outline-radius:3px; outline-radius:3px; -khtml-outline-radius:3px;}
.auto_play a { color:#03c; text-decoration:none;} .auto_play a:hover { text-decoration:underline;}
.auto_play a:focus, .auto_play a:active { outline:3px solid #E7ECFA; background:#E7ECFA; -moz-outline-radius:3px; -webkit-outline-radius:3px; outline-radius:3px; -khtml-outline-radius:3px;}
.TextNone a { text-decoration:none;}
.VidBox:hover a{ color:#1c62cf; }
.Uploader {float:left; }
.Uploader a{ color:#333333; line-height: 23px; font-weight: bold; font-size: 13px;}
.Uploader a:hover{ color:#1c62cf; text-decoration: underline;}
.AddToBtn {font-size:11px; font-weight:700; font-family:Arial, sans-serif; color:#666; text-decoration:none; cursor: pointer; margin-top: 0; height: 30px; width:auto ; line-height: 30px; 
padding:0 8px; background: #efefef; text-align:center; margin-left:5px;-webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; -o-transition: background 0.2s linear; -ms-transition: background 0.2s linear; transition: background 0.2s linear;}
.AddToBtn:hover { background:#ccc;}
.AddToBtn .AddToIcon { background:url(http://mdt-im.googlecode.com/svn/im/icons.png) -97px -131px no-repeat; width:12px; margin:0px 5px 0px 0px; vertical-align:middle; }
.AddToBtnToggle {font-size:11px; font-weight:700; font-family:Arial, sans-serif; color:#666; text-decoration:none; text-shadow: 0 1px 1px #FFFFFF;  cursor: pointer; margin-top: 0; height: 30px; width:30px ; line-height: 30px; margin-left: 0px; padding:0;background:#efefef; border-left:1px solid #ccc; -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; -o-transition: background 0.2s linear; -ms-transition: background 0.2s linear; transition: background 0.2s linear;}
.AddToBtnToggle:hover {background:#ccc; }
.ShareBtn {font-size:11px; font-weight:700; font-family:Arial, sans-serif; color:#666;  cursor: pointer; margin-top: 0; height: 30px; width:50px ; line-height: 30px; margin-left: 5px;
padding:0; background: #efefef; /* IE6-9 */ -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; -o-transition: background 0.2s linear; -ms-transition: background 0.2s linear; transition: background 0.2s linear;}
.ShareBtn:hover { background:#ccc;}
.FlagBtn {font-size:11px; font-weight:700; font-family:Arial, sans-serif; color:#666; text-decoration:none; text-shadow: 0 1px 1px #FFFFFF;  cursor: pointer; margin-top: 0; height: 30px; width:30px ; line-height: 30px; margin-left: 5px; padding:0; background: #efefef; -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; -o-transition: background 0.2s linear; -ms-transition: background 0.2s linear; transition: background 0.2s linear;}
.FlagBtn:hover {background:#ccc;}
.FlagBtn .FlagIcon { background:url(http://mdt-im.googlecode.com/svn/im/icons.png) -166px -74px no-repeat; width:15px; height:16px; vertical-align:middle; cursor:pointer; display:inline-block; margin-left: 8px; margin-top: 8px;}
.FlagBtn:hover .FlagIcon { background-position:-30px -85px; cursor:pointer;}
.ViewBtn {margin-top: 0; height: 30px; width:25px ; margin-left: 5px; float: right; padding:0;background: #efefef; -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; -o-transition: background 0.2s linear; -ms-transition: background 0.2s linear; transition: background 0.2s linear;}
.ViewBtn:hover {background:#ccc;}
.ViewBtn .ViewIcon { background:url(http://mdt-im.googlecode.com/svn/im/views.png) no-repeat; width:14px; height:9px; vertical-align:middle; margin-left: 6px; margin-top: 10px;}
/* 'search_result' */
.VidConS  a{ color:#333333;  font-weight: bold; }
.VidConS:hover a{ color:#1c62cf; }
.VidConS .thumb{ float: left; width: 128px; height: 72px; margin: 0; padding: 0; border: 0;}
.VidConS .title {float:right; width: 488px; line-height: 15px;height: auto;}
.title a {color:#333333; font-weight: bold; font-size: 13px; text-align: left;}
.title a:hover {color:#1c62cf; text-decoration: underline;}
.descSearch {float:right; width: 488px; line-height: 25px;height: 25px; font-size: 11px; color: #666666; overflow: hidden;}
.ViewsSearch { font-size: 11px; color: #666666; width: 488px;float:right; overflow: hidden;}
.VidConS img {-khtml-border-radius: 2px ; -webkit-border-radius: 2px;  -moz-border-radius: 2px; border-radius: 2px;}
/* NEW GROUP LAYOUT */
.channelLegend, .groupContent .channelLegend,  .channelLegend { width:auto; }
.groupThumb { padding:0px 0px; margin-bottom:9px;}
.groupThumbBG { display:inline-block;padding:2px; background:#FFF; border:1px solid #ccc; margin:0px auto; }
.groupDropShadow { -moz-box-shadow:0 1px 0 rgba(0,0,0,0.1); -webkit-box-shadow:0 1px 0 rgba(0,0,0,0.1); box-shadow:0 1px 0 rgba(0,0,0,0.1); }
.groupTitle { background:#F0F2F7; border:solid #aaa; border-width:1px 0px; padding:8px; font:bold 14px Arial; }
.groupSep { background:#f3f3f3; text-align:center; margin-bottom:8px; }
.SepText { font:bold 11px 'Tahoma', Geneva, sans-serif; color:#787878; background:white; padding:3px 5px; text-transform:uppercase }
.groupsBar { margin:0px; padding:0px; list-style:none; padding:8px 0px; border-bottom:1px solid #ccc; margin-bottom:10px; }
.groupsBar li { font:bold 11px Tahoma; text-decoration:none; display:inline-block; margin-right:10px; margin-left:10px; }
.groupsBar li a { color:#00769d; text-decoration:none; vertical-align:middle; }
.groupsBar li.selected a { color:#232323; }
.topicRow { border-bottom:1px solid #ccc; padding:5px 5px; list-style:none; }
.topicStarter { margin:0px; padding:0px; text-transform:capitalize; text-decoration:none; font:bold 14px Arial; margin-bottom:4px; }
.topicStarter a { text-decoration:none; }
.topicTitle { font-size:11px; font-family:Tahoma; padding:0px; margin:0px; }
.topicTitle a { text-decoration:none; }
.topicStarterAvatar { padding:1px; border:1px solid #ccc; }
.topicStarterAvatarBG { display:block; text-indent:-9000px; }
.topicStarterAvatarBG a { display:block; height:100%;}
.topicPreview { font:normal 10px Tahoma; color:#787878; }
.topicPreviewContainer { padding:3px 5px 3px 5px; border-left:3px solid #eee; margin-bottom:6px; }
.channelLegend { padding:4px 6px; background:#eee; font:bold 11px Tahoma; color:#464646; margin-bottom:5px; width:98%; border-top:1px solid #aaa; cursor:default; }
.channelRow { margin-bottom:10px; padding:0px 6px; }
.channelLabel { display:inline-block; width:18%; font:bold 11px Tahoma; color:#888; vertical-align:top; text-transform:capitalize; }
.channelDetail { display:inline-block; font:normal 11px Tahoma; width:80%; }
/* ICONS */
.ballonBox, .camCorder, .blackUser, .blueDoc, .redShield, .ballonSmall { width:16px; height:16px; vertical-align:middle; padding-right:2px; }
.ballonBox { background:url(http://mdt-im.googlecode.com/svn/im/icons/balloons-box.png) no-repeat }
.camCorder { background:url(http://mdt-im.googlecode.com/svn/im/icons/camcorder.png) no-repeat }
.blackUser { background:url(http://mdt-im.googlecode.com/svn/im/icons/black-user.png) no-repeat }
.blueDoc { background:url(http://mdt-im.googlecode.com/svn/im/icons/blue-document.png) no-repeat }
.redShield { background:url(http://mdt-im.googlecode.com/svn/im/icons/shield.png) no-repeat; }
.ballonSmall { background:url(http://mdt-im.googlecode.com/svn/im/icons/balloon-small.png) no-repeat; }
.topic_comments .comm_other{width:88% !important}